<template>
  <div class="common-container">
    <div class="r-main">
      <div class="clearfix">
        <h2 class="hd" style="float: left">
          <a href="/wenda/area-10065.html?sFrom=mdd">广州问答</a>
          <span>所有人帮助所有人</span>
        </h2>
        <span class="more-answer"><a href="/wenda/area-10065.html?sFrom=mdd" target="_blank">查看所有问答&gt;&gt;</a></span>
      </div>
      <div class="bd">
        <dl>
          <dt>
            <i class="icon-wen"></i>
            <div class="title">
              <a class="user" href="/u/93764315.html" target="_blank">
                <img
                  src="https://p1-q.mafengwo.net/s9/M00/2A/C6/wKgBs1g2YWiAAbZiAABO7JXmuKE85.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F100"
                />
                毛毛cxj
              </a>
              <a href="/wenda/detail-9146346.html" target="_blank">传说中的“100个京郊好去处”，都有哪些地方？</a>
            </div>
          </dt>
          <dd>
            <i class="icon-da"></i>
            <a class="user" href="/u/66033691.html" target="_blank">
              <img
                src="https://p1-q.mafengwo.net/s12/M00/B8/4B/wKgED1wXVBOAUKOoAAEV3wx0umw93.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F100"
              />
              带TA游问答君
            </a>
            <span class="best-answer">最佳答案</span>
            <p class="content">
              <a href="/wenda/detail-9146346.html#answer9149010" target="_blank">
                广州周边竟有这么好玩的100个地方，99%的人不知道！解救你的一整个夏天~这篇良心贴，不仅适合广州的朋友，也适合全国各地的朋友哦！超长长文，强烈建议先收藏，在结尾我们汇总了【一张图片表格.jpeg】
                ，强烈建议下载保存到手机，让你未来三年的周末都有了着落！接下来你将看到：【十大盘山公路】【十大山景餐厅】【十大小资度假村】【十大古村落】【十大湖景】【十大赏花圣地】【十大登山圣地】持续更新，未完待续……最后别忘了下载结尾的图片表格.jpeg
                哦！1、门头沟的惊险挂壁路：永定河峡谷又称幽州峡谷，自官厅水库沿永定河顺流而下，绵延30余公里，是京郊唯一的类似于南太行郭亮、王莽岭的挂壁公路。具体位置：在门
              </a>
            </p>
          </dd>
        </dl>
        <dl>
          <dt>
            <i class="icon-wen"></i>
            <div class="title">
              <a class="user" href="/u/93627962.html" target="_blank">
                <img
                  src="https://p1-q.mafengwo.net/s12/M00/35/98/wKgED1uqIreAU9QZAAAXHQMBZ74008.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F100"
                />
                心若雨夕
              </a>
              <a href="/wenda/detail-8821377.html" target="_blank">去八达岭长城坐什么车？需要多长时间？</a>
            </div>
          </dt>
          <dd>
            <i class="icon-da"></i>
            <a class="user" href="/u/81371131.html" target="_blank">
              <img
                src="https://p1-q.mafengwo.net/s9/M00/19/62/wKgBs1dAEfKAXXlwAACoIHf7VzU56.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F100"
              />
              休闲小浩哥
            </a>
            <span class="best-answer">最佳答案</span>
            <p class="content">
              <a href="/wenda/detail-8821377.html#answer8824120" target="_blank">
                877路公交直达（中间不停的），6元车票，1人1个座位！！！6元车票，1人1个座位！！！只有这个线路是最方便最快捷最省钱的。
                推荐那一天的日常安排先去看升国旗，8点左右结束（春天升国旗比较晚，7点多，我暑假去的，4点多就升国旗了），然后前门地铁站进地铁，地铁到积水潭（前门站
                上车地铁2号线 （内环） 8站积水潭站 下车），不用换乘哦。（或者打车，当然了，推荐地铁，快捷方便，不堵车费用又省）
                出了积水潭地铁站后，向东步行3、400米就到了877路总站。具体步行线路如下 积水潭地铁站B2出口，出来向东走400多米就到了。
                877路，刷一卡通，6元，直达广州八达岭，恩，只用6元，买票的话12
              </a>
            </p>
          </dd>
        </dl>
      </div>
    </div>
    <div class="side-banner">
      <a href="/qa/expert.php" target="_blank"><img src="http://images.mafengwo.net/images/mdd/place/ask-guider-recruit.jpg" /></a>
    </div>
  </div>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
.common-container {
  width: 1000px;
  margin: 0 auto;
  .r-main {
    float: left;
    width: 680px;
    .hd {
      margin-bottom: 35px;
      line-height: 24px;
      font-size: 24px;
      color: #643718;
      font-weight: normal;
      span {
        padding-left: 5px;
        font-family: 'simsun';
        font-size: 18px;
        color: #a8a8a8;
      }
    }
    .more-answer {
      float: right;
    }
    dl {
      margin-bottom: 20px;
      padding-bottom: 5px;
      border-bottom: 1px dashed #ddd;
      dt {
        padding-left: 36px;
        .icon-wen {
          float: left;
          margin: -3px 0 0 -36px;
          width: 30px;
          height: 30px;
          background: url(../../assets/images/place-sprite8.png) no-repeat -60px 0;
        }
        .title {
          margin-bottom: 6px;
          a {
            font-size: 16px;
            vertical-align: top;
          }
        }
      }
      dd {
        margin-top: 20px;
        padding-left: 36px;
        .icon-da {
          float: left;
          margin: -3px 0 0 -36px;
          width: 30px;
          height: 30px;
          background: url(../../assets/images/place-sprite8.png) no-repeat -60px 0;
          background-position: -60px -30px;
        }
        .best-answer {
          float: left;
          margin-right: 10px;
          color: #92bf48;
        }
        p {
          max-height: 48px;
          line-height: 24px;
          overflow: hidden;
          font-size: 14px;
          a {
            color: #666;
          }
        }
      }
      .user {
        float: left;
        margin-right: 10px;
        padding-left: 34px;
        font-size: 12px !important;
        line-height: 26px;
        height: 24px;
        overflow: hidden;
        max-width: 70px;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top;
        img {
          position: absolute;
          margin: -4px 0 0 -34px;
          width: 32px;
          height: 32px;
          border-radius: 50%;
        }
      }
    }
  }
  .side-banner {
    text-align: right;
  }
  a {
    color: #643718;
  }
}
</style>
